<template>
	<view v-if="fixed" class="fixed">
		<uni-icons class="icons" type="arrow-up" size="22"></uni-icons>
	</view>
</template>

<script setup lang="ts">
	import {ref} from "vue";
	import { onPageScroll } from '@dcloudio/uni-app';
	
	const fixed = ref(true);
	onPageScroll((ev)=>{
		console.log(ev)
	})
	
</script>

<style lang="scss" scoped>
.fixed{
		width: 50rpx;
		height: 50rpx;
		background-color: #fff;
		border: 1px solid #ccc;
		border-radius: 50%;
		position: fixed;
		right:30rpx;
		bottom: 150rpx;
		display:flex;
		justify-content: center;
		align-items: center;
		padding-bottom: env(safe-area-inset-bottom);;
	}
</style>